@import "./utils/variables";
@import "./utils/mixins";

.page-markets {
	position: absolute;
    width: 100%;
    height: 100%;
	#el-commodities {
		display: none;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    z-index: -1;
		#el-commodity-sidebar {
			float: left;
		    width: 30%;
		    height: 100%;
		    background-color: $color-gray;
		    overflow-y: auto;
		    li {
				text-align: center;
				padding: 16px 4px;
				&.active {
					background-color: $color-white;
					.wrapper {
						border-right: 2px solid $color-green;
					}
				}
			}
		}
		#el-commodity-content {
			float: left;
		    width: 70%;
		    height: 100%;
		    overflow-y: auto;
		    li {
				padding: 16px;
				a {
					display: block;
				}
		    }
		}
	}
}